<template>
    <div class="yorha-bunker-logo-con" ref="yorhaBunkerLogo">
        <img class="inner" src="../assets/img/logo-inner.png">
        <img class="outer" src="../assets/img/logo-outer.png">
    </div>
</template>

<script setup>
import {onMounted, getCurrentInstance} from "vue";
let props = defineProps(['width', 'height', 'speed', 'backGround', 'borderRadius'])
const pageInstance = getCurrentInstance();

function setSize() {
    pageInstance.refs.yorhaBunkerLogo.style.width = props.width
    pageInstance.refs.yorhaBunkerLogo.style.height = props.height
    pageInstance.refs.yorhaBunkerLogo.style.background = props.backGround
    pageInstance.refs.yorhaBunkerLogo.style.borderRadius = props.borderRadius

}
onMounted(()=>{
    setSize()
})

</script>

<style lang="less" scoped>

</style>